*{
    margin: 0;
    padding: 0;
}
.menu{
    width: 686px;
    height: 46px;
    margin: 0 auto;
}
.menu select{
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 0 5px;
    outline:none;
    float: right;
}
.menu select:focus-visible{
    box-shadow: 0px 0px 2px 2px #a8dff8;
    border:1px solid #1890ff;
}
.menu .checkButton{
    float: right;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    width: 80px;
    
}
.menu .checkButton div{
    border: 1px solid #ccc;
    width: 38px;
    float: left;
    height: 28px;
    border-radius: 1px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
.header{
    margin: 0 auto;
    width: 686px;
    height: 100%;
}
.header div{
    width: 85px;
    height: 25px;
    float: left;
    margin-left: 8px;
    text-align: right;
    padding-right: 5px;
    font-size: 14px;
}
.content{
    margin: 0 auto;
    width: 686px;
}
.content div{
    width: 85px;
    height: 105px;
    float: left;
    text-align:right;
    border-top: 2px solid #f0f0f0;
    margin-left: 8px;
    font-size: 14px;
    padding-right: 5px;
    padding-top: 5px;
    cursor:pointer
}
.content .month{
    width: 215px;
}
.content div:hover{
    transition: 0.3s;
}
.content .preMonth,.nextMonth{
    color: #ccc;
}
